<template>
  <div>

    <div class="detail">

      <div style="padding: 50px">
        <div class="box">
          <div>类型</div>
          <div>交易名称</div>
          <div>交易店铺名称</div>
          <div>对方账户</div>
          <div>支付方式</div>
          <div>金额（元）</div>
        </div>

        <div class="box">
          <div>{{type}}</div>
          <div>
            <a-tooltip>
              <template slot="title">
                {{name}}
              </template>
              {{name}}
            </a-tooltip>
          </div>
          <div>
            <a-tooltip>
              <template slot="title">
                {{shopName}}
              </template>
              {{shopName}}
            </a-tooltip>
          </div>
          <div>{{duifangAccount}}</div>
          <div>{{payType}}</div>
          <div>{{price}}</div>
        </div>

        <div class="box">
          <div>原交易订单号：{{originOrderId}}</div>
          <div>下单时间：{{payTime}}</div>
        </div>

        <div class="box">
          <div>交易支付订单号：{{payOrderId}}</div>
          <div>确认收货时间：{{receiveGoodsTime}}</div>
        </div>
        <div class="box" v-show="zhuanruOrderId">
          <div>分账订单号：{{zhuanruOrderId}}</div>
        </div>
      </div>
    </div>
    <div style="margin: 20px  0 0 48%;">
      <a-button @click="back" >返回</a-button>
    </div>
  </div>
</template>

<script>
  export default {
    name: "index",
    data(){
      return{
        type:'收入',
        name:'汇总账户转入到营销分户鹅鹅鹅鹅鹅鹅',
        shopName:'金牌厨柜总部店铺额额额额额额额',
        duifangAccount:'————',
        payType:'微信支付',
        price:'100.00',
        originOrderId:'2021072021050067890',
        payOrderId:'Z2021072021050067890',
        payTime:'2021-01-09 21：00：00',
        receiveGoodsTime:'2021-01-21 21：00：00',
        zhuanruOrderId:'F2021072021050067890'
      }
    },
    created() {
      let  id  = this.$route.query.id
      // this.acquireInfo(id)
    },

    methods:{
      //
      acquireInfo(id){
        this.$get('',{id}).then((res)=>{
          console.log(res)
        })
      },
      back(){
        this.$router.push({
          path: "/money/account/shopBalance2",
        });
      },
    },


  }
</script>

<style scoped lang="less">
  .detail{
    /*background-image: linear-gradient(to right, #F0FFFF,#E6E6FA);*/
    width: 90%;
    height: 300px;
    margin: 0 auto;
    border: 1px solid;
    .box{
      width: 90%;
      border: 1px solid;
      margin: 0 auto;
      display: flex;
      align-items: center;
      text-align: center;
    }
    .box div{
      height: 40px;
      line-height: 40px;
      flex:1;
      border-right: 1px solid;
      word-break: break-all;
      white-space:nowrap;
      overflow: hidden;
      text-overflow:ellipsis;
    }
    .box div:last-child{
      border-right:0px solid;
    }
    .box:not(:first-child){
      border-top:none;
    }
    .box:nth-child(odd){

    }

    .box:nth-child(even){

    }
  }
</style>